// 类组件
// import React,{Component} from 'react';

// 函数组件
import React from 'react';
import styles from './footer.module.css';
import {NavLink} from 'react-router-dom'

// 类组件
// export default class Footer extends Component{
//   render(){
//     return (
//       <div className={styles["foot-btn"]}>
//         <ul>
//           <li ><NavLink className={styles.home} to="/home" activeClassName="home_active"></NavLink></li>
//           <li><NavLink  className={styles.write} to="/shop-car" activeClassName="write_active"></NavLink></li>
//           <li><NavLink className={styles.my} to="/user" activeClassName="my_active"></NavLink></li>
//         </ul>
//       </div>
//     )
//   }
// }

// 函数组件
export default function Footer(){
  return (
    <div className={styles["foot-btn"]}>
      <ul>
        <li ><NavLink className={styles.home} to="/home" activeClassName="home_active"></NavLink></li>
        <li><NavLink  className={styles.write} to="/shop-car" activeClassName="write_active"></NavLink></li>
        <li><NavLink className={styles.my} to="/user" activeClassName="my_active"></NavLink></li>
      </ul>
    </div>
  )
}